<ion-header>
  <ion-navbar>
    <ion-title>
      <ion-title><span style="font-weight:400">个人中心</span></ion-title>
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-item>
    <ion-label>根据上报日期排序</ion-label>
    <ion-select [(ngModel)]="gaming" okText="Okay" cancelText="Dismiss" interface="popover">
      <ion-option *ngFor="let o of listData" [value]="o.value">{{o.text}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>根据上报日期排序</ion-label>
    <ion-select [(ngModel)]="gaming1" okText="Okay" cancelText="Dismiss" interface="popover">
      <ion-option *ngFor="let o of listData" [value]="o.value">{{o.text}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>根据上报日期排序</ion-label>
    <ion-select [(ngModel)]="gaming2" okText="Okay" cancelText="Dismiss" interface="popover">
      <ion-option *ngFor="let o of listData" [value]="o.value">{{o.text}}</ion-option>
    </ion-select>
  </ion-item>
  <button ion-button block color="secondary" (click)="getValue()">取值</button>
  
  <!-- 测试请求服务返回结果 -->
  <div class="test-list">
    <p *ngFor="let item of testList , let i=index">{{item.name}}</p>
  </div>

  <ion-list>
    <ion-item *ngFor='let item of list' (click)='goInfo(item)'>{{item}}</ion-item>
  </ion-list>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
    loadingSpinner="bubbles"
    loadingText="Loading"></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
